<template>
  <VueMarkdownIt :source='textarea' :plugins='plugins' :html="html"></VueMarkdownIt>
</template>

<script>

// import 'highlight.js/styles/paraiso-light.css';
// import 'highlight.js/styles/foundation.css';
import VueMarkdownIt from 'vue3-markdown-it'
import MarkdownItEmoji from 'markdown-it-emoji'
import MarkdownItDeflist from 'markdown-it-deflist'
import MarkdownItSub from 'markdown-it-sub'
import MarkdownItSup from 'markdown-it-sup'
import MarkdownItAbbr from 'markdown-it-abbr'

export default {
  name: "vue-markdown-item",
  components:{
    VueMarkdownIt,
  },
  props:{
    //是否解析 html格式
    html:{
      type:Boolean,
      default:false
    },
    //解析的文档
    textarea:{
      type:String,
      default:''
    }
  },
  data(){
    return{
      plugins:[
        {
          plugin: MarkdownItAbbr
        }, {
          plugin: MarkdownItSub
        }, {
          plugin: MarkdownItSup
        }, {
          plugin: MarkdownItDeflist
        }, {
          plugin: MarkdownItEmoji
        }
      ]
    }
  }
}
</script>

<style scoped>

</style>